<template>
  <div id="footer">
    <div class="footer-extra"></div>
    <span id="icp" class="fleft gray-link">
      © 2024-2025 movie.com, all rights reserved 《Vue3.0》
    </span>
    <a href="https://www.douban.com/hnypt/variformcyst.py" style="display: none;"></a>
    <span class="fright">
      <a href="https://www.douban.com/about">关于豆瓣</a>
      <a href="https://www.douban.com/jobs">在豆瓣工作</a>
      <a href="https://www.douban.com/about?topic=contactus">联系我们</a>
      <a href="https://www.douban.com/about/legal">法律声明</a>
      <a href="https://help.douban.com/?app=movie" target="_blank">帮助中心</a>
      <a href="https://www.douban.com/doubanapp/">移动应用</a>
    </span>
  </div>
</template>

<style scoped lang="less">
#footer {
  color: #999;
  padding: 6px 0;
  margin-top: 40px;
  overflow: hidden;

  zoom: 1;
  border-top: 1px dashed #ddd;
}

.footer-extra {
  display: block;
  unicode-bidi: isolate;
}

.fleft {
  margin-left: 16px;
  float: left;
}

.fright {
  float: right;
}

.fright a {
  margin-inline: 10px; /* Adjust the value as needed */
}
</style>
